<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    #header{
        background-color:black;
        color:white;
        text-align: center;
        padding:20px;
    }
    #nav{
        line-height: 30px;
        height:640px;
        width: 903px;
        float: left;
        padding: 10px;
        background-color:antiquewhite;
    }
    #section{
        width:570px;
        height:650px;
        float:left;
        padding:5px;
        background-color: darkgrey;
        valign:top;
    }
    #footer{
        background-color:black;
        color:white;
        clear:both;
        text-align: center;
        padding:20px;
    }
</style>



<body>
<div id="header">
    <h1><strong><em>欢迎注册</em></strong></h1>
</div>

<div id="nav">
    <p>
        <img src="./2.jpg" width="904"height="625"/>
    </p>
</div>

<div id="section">
    <form>
        <table>
            <tr>
                <th>
                    <font size="5">请输入信息</font>
                </th>
            </tr>
            <tr>
                <td><p><pre><strong>                     姓名:</strong></pre></p></td>
                <td><input type="text" name="name"></td>
            </tr><br>
            <tr>
                <td><p><pre><strong>                     性别：</strong></pre></p></td>
                <td><input type="radio" name="sex"value="男"checked>男</td>
                <td><input type="radio" name="sex"value="女">女</td>
            </tr><br>
            <tr>
                <td><p><pre><strong>                     账号：</strong></pre></p></td>
                <td><input type="text" name="user"></td>
                <td><button type="button"onclick="alert('账号可用')">检测</button> </td>
            </tr><br>
            <tr>
                <td><p><pre><strong>                     密码：</strong></pre></p></td>
                <td><input type="password_1" name="password"></td>
            </tr><br>
            <tr>
                <td><p><pre><strong>                     确认密码：</strong></pre></p></td>
                <td><input type="password_2" name="password"></td>
            </tr><br>
            <tr>
                <td><p><pre><strong>                     出生日期：</strong></pre></p></td>
                <td><input type="date" name="date"></td>
            </tr><br>
            <tr>
                <td><p><pre><strong>                     电子邮箱：</strong></pre></p></td>
                <td><input type="email"name="email"></td>
            </tr><br>
            <tr>
                <td><p><pre><strong>                     手机号码：</strong></pre></p></td>
                <td><input type="tel"></td>
            </tr><br>
            <tr>
                <td><p><pre>             </pre></p></td>
                <td><button type="button"onclick="alert('注册成功')">提交</button></td>
                <td><button type="button"onclick="">重填</button></td>
            </tr>
        </table>
    </form>
</div>

<div id="footer">
    <i>欢迎加入！！！</i>
</div>
</body>
</html>